﻿<html xmlns:th="http://www.thymeleaf.org" class="hb-loaded">
 <head></head>
 <body>
  
  <link th:href="@{/css/shopping.css}" type="text/css" rel="stylesheet" />
  <script th:src="@{/js/jquery.js}" type="text/javascript"></script>
  <script th:src="@{/js/layui-v2.6.8/layui/layui.js}"></script>
  <link th:href="@{/js/layui-v2.6.8/layui/css/layui.css}" type="text/css" rel="stylesheet"/>
  <script th:src="@{/js/shoppcart.js}" type="text/javascript"></script>
  <title>购物车</title> 
  <iframe src="javascript:false;" style="display: none;"></iframe> 
  <form id="aspnetForm" action="/nCart/Cart.aspx" method="post" name="aspnetForm"> 

   <!--全部背景--> 
   <div class="all-thing"> 
    <!--中间内容--> 
    <div class="tcmain"> 
     <!--头部--> 
     <div class="shop_top"> 
      <div class="shopt_left fl"> 
       <a title="Darry Ring" th:href="@{/goods/index}"> <img width="186" height="42" th:src="@{/images/dr.png}" /> </a>
       <span>求婚钻戒领导品牌</span> 
      </div> 
      <div class="shopt_right fr"> 
       <span id="ctl00_ltlUname">你好！KLNgOk</span> 
       <a class="my_dr" href="member_index.html">我的DR</a> 
       <a onClick="javascript:logout()" class="tc_dr" href="#">退出</a> 
       <a class="help_dr" th:href="@{/help}">帮助中心</a>
      </div> 
     </div> 
     <!--头部end--> 
     <!--导航条--> 
     <div class="shop_nav" id="ctl00_showNav"></div> 
     <!--导航条end--> 
  
     <script type="text/javascript">
    function deleteCart(cid) {
        if (confirm("确认删除？")) {
            $.get("/nAPI/Cart.aspx?action=delete&cid=" + cid, function () {
                window.location.reload();
            });
        }
    }

    function clearCart() {
        if (confirm("确认清除？")) {
            $.get("/nAPI/Cart.aspx?action=clear", function () {
                window.location.reload();
            });
        }
    }
    function toPay() {
        var nu = '1';


    }
</script> 
     <!--内容--> 
     <div class="shop_cort"> 
      <!--左边--> 
      <div class="shop_cort-left fl"> 
       <h3>查看我的购物车</h3> 
       <!--购物车--> 
       <table cellspacing="0" cellpadding="0" border="0" class="shop_tabble"> 
        <tbody>
         <tr class="nav_tr"> 
          <td style="width:240px" class="sp_td">商品</td> 
          <td style="width:100px" class="cz_td">材质</td> 
          <td style="width:100px" class="sc_td">手寸/尺寸</td> 
          <td style="width:100px" class="kz_td">刻字</td> 
          <td class="gm_td">购买价</td> 
         </tr> 
         <tr class="cp_tr" th:each="cart : ${carts}">
          <td class="sp_td"> <a href="/darry_ring/87.html" class="jx_shop"> <img width="85" height="85" th:src="|/${cart.image}|" /> <span> Forever系列 经典款</span></a> </td>
          <td class="cz_td" th:text="${cart.specValue}"></td>
          <td class="sc_td" th:text="${cart.size}"></td>
          <td class="kz_td">素材火♥</td> 
          <td style="font-family:微软雅黑" class="gm_td" th:text="${cart.price}"></td>
          <td class="close_td"><span onClick="deleteCart(61538);" class="sicon s_close"></span></td> 
         </tr> 
        </tbody>
       </table> 
       <!--购物车end--> 
       <!--结算--> 
       <div class="shop_js"> 
        <a class="jx_shop" href="lists.html">继续购物</a> 
        <a class="qk_shop" href="javascript:clearCart();">清空购物车</a> 
        <span>你购买了<i>1</i>件商品</span> 
        <span>总计：<i style="font-family:微软雅黑" class="fw_bold">￥10,800</i></span> 
        <span onClick="toPay();" class="end_bt"><em>立即结算</em></span>
       </div> 
       <!--结算end--> 
      </div> 
      <!--左边end--> 
      <!--右边--> 
      <!--右边--> 
      <div class="shop_cort-right fr"> 
       <div class="shop_right-nr"> 
        <h3>购物帮助指南</h3> 
        <div class="shop_right-zx line_bottom"> 
         <p class="shop_lx">24小时在线客服</p> 
         <p class="shop_tel">400-01-13520</p> 
        </div> 
        <div class="shop_right-zf line_bottom"> 
         <h4>支付安全保障</h4> 
         <p>安全支付系统采用SSL加密。</p> 
         <ul class="shop_right-ul"> 
          <li class="shop_cor-yl"></li> 
          <li class="shop_cor-cft"></li> 
          <li class="shop_cor-zf"></li> 
         </ul> 
        </div> 
        <div class="shop_right-ps"> 
         <h4>全球配送</h4> 
         <p class="shop_kd">支持全球配送,店铺取货</p> 
         <p class="shop_bj">全程保价 无风险</p> 
        </div> 
       </div> 
      </div> 
      <!--右边end--> 
      <!--右边end--> 
     </div> 
     <!--底部--> 
     <div class="cmain shop_foot"> 
      <p>Copyright &copy; 2006-2015 www.darryring.com 戴瑞珠宝 All Rights Reserved. 粤ICP备11012085号</p> 
      <p>中国互联网违法信息举报中心 | 中国公安网络110报警服务 | 本网站提供所售商品的正式发票</p> 
      <div class="shop_foot-img"> 
       <img src="images/db.jpg" /> 
      </div> 
     </div> 
     <!--底部end--> 
    </div> 
    <!--全部背景end--> 
   </div> 
   <script type="text/javascript">
        function logout() {
            if (window.confirm('确定退出吗？')) {
                $.get("/nAPI/QuitExit.ashx", function (data) {
                    window.location.href = "/";
                });
            }
        }
</script> 
  </form> 
 
 </body>
</html>